<div class="zs-body" data-ng-init="iniTab('report_map', 'map', 'selected');setConHei();">
    <div class="zs-map-tool">
		<div class="location">
			<a>首页</a>
			<i class="right-arr"></i>
			<a>报表应用</a>
			<i class="right-arr"></i>
			<a>柱状图</a>
		</div>
		<div class="option">
		</div>
	</div>
    <div class="zs-content" style="position:unset">
    	<div class="zs-nice-tab idTabs">
    		<div class="tool item" style="margin-left:6px;">
	    		<span class="search-warpper">
	    			<i class="icon"></i>
		    		<input type="text" class="zs-input" />
	    		</span>
    		</div>
    		<div class="operation item">
    			<a  class="ope-1 opts"></a>
    			<a  class="ope-2 opts"></a>
    		</div>
    		<div class="switch">
    			<a class="{{tabs['report_map'].tabClass['map']}} kb" ng-click="setTab('report_map', 'map')">图表</a>
    			<a class="{{tabs['report_map'].tabClass['form']}} lb" ng-click="setTab('report_map', 'form')">列表</a>
    		</div>
    	</div>

    	<div class="date-container" >
	    	<div id="zpgwd">
	    		<div class="zs-data-table">
	    			<div class="container" >
	    				<ag-Charts ng-show="tabs['report_map'].tabShow['map']" style="height: 500px"
	    				option="{
    title: {
        text: '动态数据',
        subtext: '纯属虚构'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#283b56'
            }
        }
    },
    legend: {
        data:['最新成交价', '预购队列']
    },
    toolbox: {
        show: true,
        feature: {
            dataView: {readOnly: false},
            restore: {},
            saveAsImage: {}
        }
    },
    dataZoom: {
        show: false,
        start: 0,
        end: 100
    },
    xAxis: [
        {
            type: 'category',
            boundaryGap: true,
            data: (function (){
                var now = new Date();
                var res = [];
                var len = 10;
                while (len--) {
                    res.unshift(now.toLocaleTimeString().replace(/^\D*/,''));
                    now = new Date(now - 2000);
                }
                return res;
            })()
        },
        {
            type: 'category',
            boundaryGap: true,
            data: (function (){
                var res = [];
                var len = 10;
                while (len--) {
                    res.push(len + 1);
                }
                return res;
            })()
        }
    ],
    yAxis: [
        {
            type: 'value',
            scale: true,
            name: '价格',
            max: 30,
            min: 0,
            boundaryGap: [0.2, 0.2]
        },
        {
            type: 'value',
            scale: true,
            name: '预购量',
            max: 1200,
            min: 0,
            boundaryGap: [0.2, 0.2]
        }
    ],
    series: [
        {
            name:'预购队列',
            type:'bar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            data:(function (){
                var res = [];
                var len = 10;
                while (len--) {
                    res.push(Math.round(Math.random() * 1000));
                }
                return res;
            })()
        },
        {
            name:'最新成交价',
            type:'line',
            data:(function (){
                var res = [];
                var len = 0;
                while (len < 10) {
                    res.push((Math.random()*10 + 5).toFixed(1) - 0);
                    len++;
                }
                return res;
            })()
        }
    ]
}"></ag-Charts>

				        <table ng-show="tabs['report_map'].tabShow['form']">
				            <thead>
				                <tr>
				                    <th width="30px"><input type="checkbox"></th>
				                    <th class="left">总面积</th>
				                    <th>林木使用权</th>
				                    <th>林木所有权</th>
				                    <th>林地经营权</th>
				                </tr>
				            </thead>
				            <tbody>
				                <tr>
				                    <td><input type="checkbox" checked="checked"></td>
				                    <td class="left">北京</td>
				                    <td>20</td>
				                    <td>30</td>
				                    <td>40</td>
				                </tr>
				                <tr>
				                    <td><input type="checkbox"></td>
				                    <td class="left">天津</td>
				                    <td>10</td>
				                    <td>20</td>
				                    <td>30</td>
				                </tr>
				                <tr>
				                    <td><input type="checkbox"></td>
				                    <td class="left">上海</td>
				                    <td>20</td>
				                    <td>30</td>
				                    <td>40</td>
				                </tr>
				            </tbody>
				        </table>
	    			</div>
			    </div>
	    	</div>
    	</div>
    </div>
</div>